<template>
  <!-- 按钮组件 -->

  <!-- 登录按钮 -->
  <div class="bntBox">
    <button @click="handleClick">{{btnText}}</button>
  </div>
</template>

<script>
export default {
  props: ["btnText"],
  methods: {
    //登录按钮点击后执行的函数
    handleClick() {
      console.log("子组件被触发");
      //clicked是父组件给子组件绑定的事件
      this.$emit("clicked");
    }
  }
};
</script>

<style lang="less">
/* 按钮盒子 */
.bntBox {
  margin-top: 13.889vw;
  padding: 0 3.333vw;
  text-align: center;
  button {
    font-weight: 700;
    font-size: 4.444vw;
    color: darkslategrey;
    height: 12.778vw;
    width: 100%;
    background: cadetblue;
    border-radius: 6.389vw;
  }
}
</style>